<template>
    <div id='derota' >
        <van-swipe class="my-swipe" :autoplay="3000" :stop-propagation='true' :touchable='true'	>
            <van-swipe-item v-for="itme in img" :key = 'itme.id'>
                <img :src="itme.url" alt="">
            </van-swipe-item>
            
            
        </van-swipe>

    </div>
</template>
<script>
export default {
    name:'DeRota',
    props:['img']
    
}
</script>
<style  scoped>
.my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    /* line-height: 150px; */
    text-align: center;
    /* background-color: #39a9ed; */
}
#derota{
    position:relative;
    top: 60px;
    margin-bottom: 10px;
    
}
img{
    width: 100%;
    height: 300px;
}
</style>
